<template>
  <input 
      type="text" 
      :placeholder="placeholder.value"
      v-model="value"
      />
</template>

<script>
export default {
  name: 'TodoInput',
  inject: ['placeholder'],
  props:['content'],
  computed: {
    value: {
      get() {
        return this.content;
      },
      set(newVal) {
        this.$emit('update:inputVal', newVal);
      }
    }
  }
}
</script>

<style>

</style>
